Sala: Websites as Graphs – Graph of Generatorx.no / Flickr: websitesasgraphs tag

HTML语言和像XML一类的结构化语言会把文件注释为标签的分层体系，这种体系被称为一个Document Object Model（文件对象模型）。这个结构可以被显示成一幅图画。

Websites as Graphs（作者是Onethousandpaintings.com的Sala）将一个网页的URL作为输入，而输出则是一个HTML基本结构的图像。如果把它应用于CNN或BoingBoing等任何一个大容量网站，它就会展示出被用于建设这些网页的外观的潜在逻辑。相关信息形态丛和颜色代码，展示出一个基于设计（no-no模版），以及图像、链接等的密度的，朝向图表或朝向CSS的趋势。

当为有意思的图像绘制图形时，仍很难仅仅依靠观察图形，而对正在处理的页面做出准确而迅速的设定。但是一个构造良好的文件，和一个结构混乱的文件一样，总是会将自身呈现出来。Websites as Graphs应该会引起任何一个曾经尝试定义一个网页结构的人的兴趣，特别是在这个结构和当前的“logic-not-presentation”（逻辑非呈现）网站设计风格的基于CSS的理论相一致的时候。

我们可以免费下载到Websites as Graphs的源文件。它是用Processing构建的，并使用了Traer.Physics和HTMLParser。

更新：Markavian已经开发出了一个remix版本，这个版本允许了用户互动地浏览标签结构，以及通过链接指向新文件。用法是，将你的浏览器指向一个格式如下的URL：

http://mkv25.net/applets/mkv_htmlgraph/getDataFromURL.php?url=

http://www.mysite.com/当然应该被换成任何一个你想浏览的URL。

相关链接：

Websites as Graphs的原始版本，带有来自热门网站的图形实例。
Websites as Graphs (Applet) ，在线applet（Java的程序），允许输入用户指定的URL。Flickr: websitesasgraphs tag，用户贡献的它们自己网站的图形。
One thousand paintings，Sala的出售衍生艺术品的艺术实验，艺术品的定价是依照一个基于已出售画作数量的数码表格。
Christian Riekoff: Tree。另外一个HTML分层结构可视化作品，使用了3D树型结构。

via  generatorx